<!DOCTYPE html>
<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%-- <%@ include file="/common.jsp"%>
<%@ taglib uri="/WEB-INF/tlds/page.tld" prefix="paginatTL"%>
 --%>

<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>--%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>${marketName}</title>
    <script type="text/javascript" src="${ctx}/js/jquery-3.1.0.min.js"></script>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <%--<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>--%>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>


    <script type="text/javascript">
        //数据集
        var schools = [{
            'label': '江苏',
            'value': '南京大学'
        }, {
            'label': '北京',
            'value': '北京大学'
        }, {
            'label': '北京',
            'value': '清华大学'
        }, {
            'label': '浙江',
            'value': '浙江大学'
        }, {
            'label': '上海',
            'value': '同济大学'
        }];
        function dynamicChangeDataList() {
            var inputValues = $('#btnTest').val();
            // alert(inputValues);
        }
        $(function () {
            $('#schoolList').empty();
            $('#btnTest').bind('input propertychange', function () {
                dynamicChangeDataList();
            });
            if (schools.length > 0) {
                $('#schoolList').empty();
                for (var i = 0; i < schools.length; i++) {
                    var item = schools[i];
                    $('#schoolList')
                            .append(
                                    '<option label="' + item.label + '" value="' + item.value
                                    + '"></option>');
                }
            }
            // $('#btnTest').click(function () {
            // alert($('#txtTest').val());
            // });
            $("#search-list").on(
                    "input propertychange",
                    function () {
                        var keyword = $(this).val();
                        if (!keyword) {
                            return;
                        }
                        html = "";
                        $.ajax({
                            url: '${ctx}/user/search.do?keyword=' + encodeURIComponent(keyword),
                            data: keyword,
                            dataType: 'json',
                            type: 'post',
                            success: function (data) {
                                var items = data;
                                $(".input-search-list").show();
                                if (items.length == 0) {
                                    $(".no-result").show();
                                    $(".input-search-list ul").html(html).hide();
                                } else {
                                    $.each(items, function (i, val) {
                                        html += '<li>' + val.nickName + '-'
                                                + val.phoneNumber + '</li>';
                                    });
                                    $(".no-result").hide();
                                    $(".input-search-list ul").html(html).show();
                                }

                            }
                        });
                    });
            $("#search-list").on("blur", function () {
                $(".no-result").hide();
            })
        });


    </script>
    <%--<link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>--%>

</head>
<body>

<h2>快速下单</h2>
<div class="list-info-cont">
    <div class="draw-search-box">
        <input type="text" name="" id="search-list"
               placeholder="请输入手机号码或姓名进行搜索"/>
        <div class="input-search-list">
            <div class="no-result">没有搜索结果</div>
            <ul class="">
            </ul>
        </div>
    </div>
</div>
<a href="${ctx}/management/">用户管理</a><br>
<a href="${ctx}/management/order.do">订单管理</a>
</body>
</html>